﻿<%@ Page Title="" Language="C#" MasterPageFile="~/paginaMaestra.Master" AutoEventWireup="true" CodeBehind="registroUsuario.aspx.cs" Inherits="WebProyectoSIETE.registroUsuario" %>
<%@ Register assembly="AjaxControlToolkit" namespace="AjaxControlToolkit" tagprefix="asp" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <h2 style="margin: auto; font-family: Arial, Helvetica, sans-serif; text-align: center;">Registro de nuevo usuario</h2>
    <h4 style="margin: auto; font-family: Arial, Helvetica, sans-serif; text-align: center;">&nbsp;<asp:Label 
            ID="lbError" runat="server" ForeColor="#CC0000" 
            
            Text="Debe registrarse para acceder a la pagina anterior, animate son solo unos segundos" 
            Visible="False"></asp:Label>
    </h4>
    <div style=" margin-top:50px; text-align: left; width: 65%; font-family: Arial, Helvetica, sans-serif; margin-right: auto; margin-left: auto; position: relative; right: 15%;">
        <asp:MultiView ID="mvRegistro" runat="server">
            <asp:View ID="View1DatosBasicos" runat="server">
                <div style="text-align:right">
                    <div>
                        <div style="position:relative; float:left">
                            <asp:Label ID="Label1" runat="server" Text="Label">Usuario</asp:Label>
                        </div>
                        <div>
                            <asp:RequiredFieldValidator style="margin-left:73px" ID="rfvNombreUsuario" runat="server" ErrorMessage="Debes especificar un nombre" ControlToValidate="tbNombre"  ValidationGroup="registro">*</asp:RequiredFieldValidator>
                            <asp:CustomValidator ID="cvNombreRepetido" runat="server" ErrorMessage="El nombre de usuario ya existe" Text="*" ValidationGroup="registro"></asp:CustomValidator>
                            <asp:TextBox ID="tbNombre" runat="server"  
                                CausesValidation="True" ValidationGroup="registro"></asp:TextBox>
                            <asp:SqlDataSource ID="sdsNombre" runat="server"></asp:SqlDataSource>
                    
                        </div>
                    </div>
                    <br />
                    <div>
                        <div style="position:relative; float:left">
                            <asp:Label ID="Label2" runat="server" Text="Label">Contraseña</asp:Label>
                        </div>
                        <div >
                            
                            <asp:RequiredFieldValidator style="margin-left:44px" ID="rfvPass" runat="server" ErrorMessage="Debes especificar un contraseña" ControlToValidate="tbPass"  ValidationGroup="registro" Text="*"></asp:RequiredFieldValidator>
                            <asp:CustomValidator ID="cvPass" runat="server" ErrorMessage="Las contraseñas no coinciden" ValidationGroup="registro" Text="*"></asp:CustomValidator>
                            <asp:TextBox ID="tbPass" runat="server"  ValidationGroup="registro" TextMode="Password"></asp:TextBox>
                            <asp:HiddenField ID="hfPass" runat="server" />
                        </div>
                    </div>
                    <br />
                    <div>
                        <div style="position:relative; float:left">
                            <asp:Label ID="Label3" runat="server" Text="Label">Repetir contraseña</asp:Label>
                        </div>
                        <div >
                            <asp:RequiredFieldValidator style="margin-left:10px" ID="rfvPass2" runat="server" ErrorMessage="Debes repetir la contraseña" ControlToValidate="tbPass2"  ValidationGroup="registro">*</asp:RequiredFieldValidator>
                            <asp:TextBox ID="tbPass2" runat="server"  ValidationGroup="registro" TextMode="Password"></asp:TextBox>
                            
                        </div>
                    </div>
                    <br />
                    <div>
                        <div style="position:relative; float:left">
                            <asp:Label ID="Label4" runat="server" Text="Label">Email</asp:Label>
                        </div>
                        <div >
                            <asp:RequiredFieldValidator style="margin-left:85px" ID="rfvMail" runat="server" ErrorMessage="Debes especificar un mail" ControlToValidate="tbMail"  ValidationGroup="registro">*</asp:RequiredFieldValidator>
                            <asp:RegularExpressionValidator ID="revMail" runat="server" ErrorMessage="El mail es incorrecto" ValidationGroup="registro" Text="*" ValidationExpression="^[a-zA-Z0-9]+@[a-z]+\.[a-z]+$" ControlToValidate="tbMail"></asp:RegularExpressionValidator>

                            <asp:TextBox ID="tbMail" runat="server"  ValidationGroup="registro"></asp:TextBox>
                            
                            
                        </div>
                    </div>
                    <br />
                    <asp:Button ID="btnSiguiente" runat="server" Text="Continuar" 
                            ValidationGroup="registro" onclick="btnSiguiente_Click" />

                    <div>
                        <asp:ValidationSummary ID="ValidationSummary1" runat="server" 
                            ValidationGroup="registro" DisplayMode="List" />
                    </div>
                </div>
            </asp:View>
            <asp:View ID="View1ElegirPersonaje" runat="server">
                <div>
                <h3 style="margin: auto; font-family: Arial, Helvetica, sans-serif; text-align: left;"> 
                    Elige tu personaje:</h3>
                <asp:SqlDataSource ID="SqlDataSource1" runat="server" 
                    ConnectionString="<%$ ConnectionStrings:cadenaConexion %>" 
                    SelectCommand="SELECT * FROM [Personaje]"></asp:SqlDataSource>
                    <br />
                <div style="padding-left:15px;">
                    <asp:DropDownList ID="ddlElegirPersonaje" 
                        runat="server"
                        DataSourceID="SqlDataSource1" DataTextField="tipoPersonaje" 
                        DataValueField="idPersonaje" 
                        onselectedindexchanged="DropDownList1_SelectedIndexChanged" 
                        AutoPostBack="True">
                    </asp:DropDownList>
                </div>
                <br />
                    <div class="objetoTaberna">
                        <div>
                            <div class="tipoObjetoTaberna">
                                Datos del <asp:Label ID="lbNombrePersonaje" runat="server" Text=""></asp:Label>:
                            </div>
                            <asp:Image ID="imgAtaque" runat="server" ImageUrl="~/img/sword-icon1.gif" />
                            Ataque inicial:
                            <asp:Label ID="lbAtaque" runat="server" Text=""></asp:Label>
                            <br/>
                            <asp:Image ID="imgVida" runat="server" ImageUrl="~/img/icon_heart.gif" />
                            Vida inicial:
                            <asp:Label ID="lbVida" runat="server" Text=""></asp:Label>
                            <br/>
                            <asp:Image ID="imgDefensa" runat="server" ImageUrl="~/img/shield-icon.png" />
                            Defensa inicial:
                            <asp:Label ID="lbDefensa" runat="server" Text=""></asp:Label>
                        </div>
                    </div>
                    <div class="botonRegistro">
                        <asp:Button ID="btnVolver" runat="server" Text="Volver" style="float:left; position:relative" onclick="btnVolver_Click" />                    
                    </div>
                    <asp:SqlDataSource ID="sdsRegistro" runat="server" 
                        ConnectionString="<%$ ConnectionStrings:cadenaConexion %>" 
                        InsertCommand="INSERT INTO Usuario(nombreUsuario, claveUsuario, personajeUsuario, correoUsuario) VALUES (@nombre, @clave, @personaje, @correo)" 
                        SelectCommand="SELECT idUsuario, nombreUsuario, claveUsuario, personajeUsuario, correoUsuario, experienciaUsuario, dineroUsuario, nivelUsuario FROM Usuario">
                        <InsertParameters>
                            <asp:Parameter Name="nombre" />
                            <asp:Parameter Name="clave" />
                            <asp:Parameter Name="personaje" />
                            <asp:Parameter Name="correo" />
                        </InsertParameters>
                    </asp:SqlDataSource>
                    <div>
                        <asp:Button ID="btnRegistro" runat="server" Text="Aceptar" OnClick="btnRegistro_Click" />                    
                    </div>
                </div>
            </asp:View>



        </asp:MultiView>
        
        
    </div>

</asp:Content>
